<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>保险提醒</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../../components/hammer/hammer.min.js"></script>
    <script type="text/javascript" src="../../components/hammer/jquery.hammer.js"></script>
    <script type="text/javascript" src="../../js/common/common.js"></script>
   <script type="text/javascript" src="../../js/homepage/insuranceRemind.js"></script>
   <script type="text/javascript">
   function check(){
	   var input1 = document.getElementById("userId");
	   var userId = input1.value;
	   var input2 = document.getElementById("vin");
	   var vin = input2.value;

	   location.href="insuranceDate.html?userId="+userId+"&vin="+vin
   }
   </script>
</head>
<style>
/* Carousel */

#myCarInfos {
    padding: 0 10px 30px 10px;
    margin-top: 10px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
.carousel-caption {
      max-width: 550px; 
      padding: 0 10px;
      margin:0 auto;
      margin-top: 200px;
      text-align:center;
      left:150px;
}

#myCarInfos .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#myCarInfos .carousel-control.left {
    left: -60px;
}
#myCarInfos .carousel-control.right {
    right: -60px;
}
#myCarInfos .carousel-indicators {
    right: 50%;
    top: 47%;
    bottom: 0px;
    margin-right: -19px;
}
#myCarInfos .carousel-indicators li {
    width: 25px;
    height: 25px;
    margin: 4px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 30px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#myCarInfos .carousel-indicators .active {
    background: #333333;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 100px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
</style>
<body><br><br>
<div class="container">
		<div class="panel panel-default">
	<div class="row ">
		<div class="col-md-2 col-xs-2 col-sm-2">
				<br>
				<img id="headImgurl" class="img-circle" src="" alt="头像" title="头像" style="width:250%;padding-left:20%;text-align:center;"/>	
		</div>
			<div class="col-md-10 col-xs-10 col-sm-10" data-wow-delay="0.2s" style="padding-left:15%">

				<div id="myCarInfos" class="carousel slide" data-ride="carousel"></div>
			</div>
		</div>
 		</div>
		<div class="panel panel-default">
			<ul class="list-group">
				<li class="list-group-item clearfix">
					<span style="font-family:黑体;color:#A0A0A0;font-size:15px;float:left">上次投保日期</span>
					<span style="font-family:黑体;color:#A0A0A0;font-size:15px;float:right" id="lastInsureDate"></span>
				</li>
				<li class="list-group-item clearfix">
					<span style="font-family:黑体;color:#A0A0A0;font-size:15px;float:left">保险到期日期</span>
					<span style="font-family:黑体;color:#A0A0A0;font-size:15px;float:right" id="nextInsureDate"></span>
				</li>
			</ul>	
		</div>
		<div class="panel panel-default">
			<ul class="list-group">
				<li class="list-group-item clearfix">
					<span style="font-family:黑体;font-size:15px;float:left">距离下次续保：</span>
					<span id="da" style="font-family:黑体;font-size:15px;float:right;color:red"></span>
				</li>
			</ul>	
		</div>
		<div class="panel panel-default clearfix" style="float:right">
			<a href="JavaScript:void(0);" class="list-group-item" onclick="check()">
				<span class="glyphicon glyphicon-time" style="color: rgb(255, 140, 60);"></span>
				<span>设置投保时间</span>
				</a>
		</div>
	</div>
  <input type="hidden" id="userId" >
  <input type="hidden" id="vin" name="vin" value=""> 
</body>
</html>
